<div class="navbar top-bar " role="navigation" >
    <div class="container">
        <ul class="top-info clearfix">
            <li class="pull-left">
                <a class="navbar-brand" href="#/"><img src="images/logo-m.png" ></a>
            </li>
            <li class="pull-right">
                <div class="login-bar text-right hidden-xs">
                    <strong>{{username}}</strong>，欢迎来到大画瓷杯！
                    <a ng-href="#/login">登录</a> | 
                    <a ng-href="#/register">注册</a>
                </div>
                <div class="search hidden-xs">
                    <input type="search" class="form-control" ng-model="username" placeholder="输入你的名字试试">
                    <a href="#" class="s-btn gicon gicon-search"></a>
                </div>
                <div class="navbar-header">

                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navBtn">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button> 
                </div>
            </li>
        </ul>

    </div>
    <div class="container">



        <div class="collapse navbar-collapse" id="navBtn">

            <ul class="nav navbar-nav" ng-controller="NavCtrl">

                <li ng-repeat="nav in navs">
                    <a ng-href="#/{{nav.link}}">{{nav.menu}}</a>
                    <ul class="sub-nav">
                        <li ng-repeat="sub in nav.items">
                            <a ng-href="#/{{sub.link2}}">{{sub.submenu}}</a>
                        </li>
                    </ul>
                </li>

            </ul>

        </div>
    </div>
   
</div>